<template>
  <div class="alphabet">
    <ul>
      <li class="item" v-for="(item,index) in alpha" :key="index">{{index}}</li>
    </ul>
  </div>
</template>
<script>
export default {
  props: {
    alpha: Object
  },
  data: () => ({})
}
</script>
<style lang="stylus" scoped>
  @import '../../../assets/styles/varibles.styl';
  .alphabet
    position absolute
    right 0
    bottom 0
    top 0
    width .4rem
    color $bgColor
    ul
      display flex
      flex-direction column
      justify-content center
      height 100%
      .item
        line-height .4rem
        text-align center

</style>
